<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<title>DealMe首页</title>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		
		<link type="text/css" href="css/start/jquery-ui-1.8.11.custom.css"
			rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/main.css">
		<link rel="stylesheet" type="text/css" href="css/index.css">
		<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.11.custom.min.js"></script>
		<script type="text/javascript" src="js/page-header.js"></script>
<!--[if IE]>
<style type="text/css">
.login-close-button, .reg-close-button { margin-right: 5px; }
.searcher-input-div input { margin-top: 0px; }
.text-link-table { margin-left: 0px; }
.text-link-table td { padding-top: 0px; }
.img-link-div .img-link a { margin-top: 0px; }
.text-link-div { padding-top: 0px; }
</style>
<![endif]-->
<!--[if lte IE 6]>

<link rel="stylesheet" type="text/css" href="css/index-ie6.css"/>

<script type="text/javascript">
	$(function() {
		$(".blank-class-img-link").removeClass("img-link-div");
		$(".blank-class-img-link").addClass("img-link-div-ie");
		
	});
</script>
<![endif]-->
<style type="text/css">
.footer {
	margin-top: 120px;
}
</style>
<script type="text/javascript">
	$(function() {
		$("#content").slideDown(1000);
	});
</script>
	</head>

	<body>
		<!-- 登录层 START-->
			<div class="ui-overlay login-layer-shade max-width max-height">
				<div class="ui-widget-overlay login-modal max-width max-height"></div>
				<div class="ui-widget-shadow ui-corner-all login-shadow"></div>
			</div>
			<!-- ui-widget ui-widget-content ui-corner-all  -->
			<div class="login-layer">
				<div class="login-div">
					<a class="ui-state-default ui-corner-all login-close-button">
						<span class="ui-icon ui-icon-closethick"></span>
					</a>
					<input type="text" class="acc-input" />
					<input type="password" class="pwd-input" />
					<input type="text" class="checkcode-input" maxlength="4"/>
					<img class="checkcode-img" src="images/checkcode.bmp"/>
					<div class="checkcode-refresh">看不清?<a href="javascript:return false;">点这里刷新</a></div>
					<div class="checkcode-label" style="color: #005db3; font-family: 微软雅黑; font-size: 14px; font-weight: 600;">验证码:</div>
					<a href="login-check.jsp" class="ui-state-default ui-corner-all login-button">登   录</a>
					<a href="#" class="ui-state-default ui-corner-all reg-button">注  册</a>
				</div>
			</div>
		<!-- 登录层END -->
		
		<!-- 注册层START -->
			<div class="ui-overlay reg-layer-shade max-width max-height">
				<div class="ui-widget-overlay login-modal max-width max-height"></div>
				<div class="ui-widget-shadow ui-corner-all reg-shadow"></div>
			</div>
			<div class="reg-layer">
				<div class="reg-div">
					<a class="ui-state-default ui-corner-all reg-close-button">
						<span class="ui-icon ui-icon-closethick"></span>
					</a>
					<div class="reg-form-div">
						<table>
							<tr>
								<td width="90" class="right-align">帐号:</td>
								<td class="left-align"><input/></td>
							</tr>
							<tr>
								<td class="right-align">密码:</td>
								<td class="left-align"><input type="password"/></td>
							</tr>
							<tr>
								<td class="right-align">确认密码:</td>
								<td class="left-align"><input type="password"/></td>
							</tr>
							<tr>
								<td class="right-align">邮箱:</td>
								<td class="left-align"><input/></td>
							</tr>
							<tr>
								<td class="right-align">所在大学:</td>
								<td class="left-align"><input/></td>
							</tr>
							<tr>
								<td class="right-align">验证码:</td>
								<td class="left-align">
									<input maxlength="4" style="width: 80px; float:left; "/>
									<img style="float:left;" class="reg-checkcode-img" src="images/checkcode.bmp"/>
									<div style="float:left;" class="reg-checkcode-refresh">
										看不清?<a href="javascript:return false;">点这里刷新</a>
									</div>
								</td>
							</tr>
						</table>
					</div>
					<a href="#" class="ui-state-default ui-corner-all reg">注  册</a>
				</div>
			</div>
		<!-- 注册层END -->
		<div id="content" style="display: none;">
		<!-- 页面头部 -->
		<div id="page-header">
			<div class="top-crossband">
				<table class="base-width nav-table">
					<tr>
						<td width="750">
							<div class="nav">
								<ul>
									<li><a href="#" class="nav-index selected-index"></a></li>
									<li><a href="products.html" class="nav-products"></a></li>
									<li><a href="publish.html" class="nav-publish"></a></li>
									<li><a href="#" class="nav-about"></a></li>
								</ul>
							</div>
						</td>
						<td>
							<div class="nav-login-reg">
								<table>
									<tr>
										<td>
											<div class="reg-link"></div>
										</td>
										<td>
											<div class="login-link"></div>
										</td>
									</tr>
								</table>
							</div>
						</td>
					</tr>
				</table>
			</div>
		</div>
		<!-- 页面头部 END -->
		<div id="page-content" class="base-width center-align" >
			<div class="logo-img-div" align="center" ></div>
			<img class="logo-img" src="images/big-logo.png"/>
			<div class="quick-link-div base-width">
				<a href="#" class="quick-link1"></a>
				<a href="#" class="quick-link2"></a>
				<a href="#" class="quick-link3"></a>
			</div>
			<div class="searcher-div">
				<div class="searcher-border">
					<div class="searcher-input-div"><input value=""/></div>
					<div class="searcher-button-div">
						<a href="#"></a>
					</div>
				</div>
				<div class="searcher-r-shadow"></div>
				<div class="searcher-bottom-shadow"></div>
				<div class="searcher-r-shadow-ie"></div>
				<div class="searcher-bottom-shadow-ie"></div>
			</div>
			<div class="img-link-div blank-class-img-link">
				<div class="img-link">
					<a href="#" class="first" style="background: url('images/img-link1.gif') no-repeat;"></a>
					<a href="#" class="second" style="background: url('images/img-link2.gif') no-repeat;"></a>
					<a href="#" class="third" style="background: url('images/img-link3.gif') no-repeat;"></a>
					<a href="#" class="fouth" style="background: url('images/img-link4.gif') no-repeat;"></a>
				</div>
				<div class="text-link-div">
					<table class="text-link-table">
						<tr>
							<td><img src="images/text-link-title.gif"/></td>
							<td><a href="index.html">二手书籍</a></td>
							<td><a href="#">单车</a></td>
							<td><a href="#">Android</a></td>
							<td><a href="#">风扇</a></td>
							<td><a href="#">KTV优惠券</a></td>
						</tr>
					</table>
				</div>
			</div>
		</div>
		
		<div class="footer base-width" >
			<!-- 加线请在上面那行加class: footer-border -->
			<div class="footer-link">
				<ul>
					<li>
						<a href="#">收藏本站</a>
					</li>
					<li>
						<a href="#">关于我们</a>
					</li>
					<li>
						<a href="#">使用帮助</a>
					</li>
					<li>
						<a href="#">意见反馈</a>
					</li>
				</ul>
			</div>
			<div class="copyright">
				copyright: XX证XX2141237 ©2010 market.com
			</div>
		</div>
		</div>
	</body>
</html>
